
  <div class="container-fluid" style="margin-top:3em;">
    <div class="row-fluid">

      <div class="span10">
        <!--Body content-->


        <ul class="phones">
<div class="col-md-6 show-grid">
          <li ng-repeat="currentbet in mybets | filter:query | orderBy:orderProp" class="thumbnail">



            
            <a href="#/events/{{currentbet.event.id}}" class="popover-title" style="font-size: 1.4em">{{currentbet.event.description}}</a>

              <div class="oddsfont">
                  Event:
                  {{currentbet.event.name}}
              </div>

              <div class="oddsfont">
               Bet posted <span am-time-ago="curentbet.timeofbet"></span><br>
               Betting deadline <span am-time-ago="curentbet.event.betDeadline"></span><br>
               Event starts <span am-time-ago="curentbet.event.eventDecidedTime"></span>
              </div>


<div ng-controller="CollapseCtrl">

    <div class="btn-group">
        <button type="button" class="btn btn-primary">Bet again</button>
        <button type="button" class="btn btn-primary">Other</button>
    </div>

  <hr>
  <div ng-hide="isCollapsed">
    <div class="well well-lg">Comments</div> 
  </div>
</div>
</li>            

    </div>
        </ul>
      


      </div>
    </div>

  </div>
